<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页·龙国贸易</title>
    <link rel="stylesheet" href="css/css/style.css">
    <!--[if lte IE 6]>
    <script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript"></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('div, ul, img, li, input , a, .png_bg');
    /* 将 .png_bg 改成你应用了透明PNG的CSS选择器*/
    </script>
    <![endif]-->
    <!--[if lt IE 9]>
      <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="top-nav">
        <div class="top-nav-box clearfix">
            <div class="top-nav-l u-flo-l">
                <a href="" title="移动龙国"><img src="images/icon-iPhone.png" height="17" width="10" alt="">移动龙国</a>
                <a href="" title="收藏本站">收藏本站</a>
            </div>
            <div class="top-nav-r u-flo-r">
                <a href="" title="登录" class="r1">登录</a>|
                <a href="" title="注册" class="r2">注册</a>
                <a href="" title="我的供求">我的供求</a>
                <a href="" title="我的关注">我的关注</a>
                <a href="" title="会员中心">会员中心</a>
                <a href="" title="新手指南">新手指南</a>
            </div>
        </div>
    </div> <!-- end top-nav -->
    <div class="header">
        <div class="header-t clearfix">
            <div class="header-logo u-flo-l">
                <a href="" title="龙国logo">
                    <img src="images/icon-logo.png" height="67" width="212" alt="">
                </a>
            </div>
            <div class="header-phone u-flo-r">
                <a href="" title="咨询电话：400-125-528">咨询电话：400-125-528</a>
            </div>
        </div>
        <div class="header-b clearfix">
            <div class="nav u-flo-l">
                <ul>
                    <li><a class="pass" href="index.html">首页</a></li>
                    <li><a href="supply.html">现货买卖</a></li>
                    <li><a href="group.html">团购</a></li>
                    <li><a href="exchange.html">换货宝</a></li>
                    <li><a href="service.html">核心服务</a></li>
                    <li><a href="contactme.html">联系我们</a></li>
                </ul>
            </div>
            <div class="search u-flo-r">
                <span class="search-select">
                    <select id="searchSelectBox">
                        <option value="0" selected="selected">供应</option>
                        <option value="1">求购</option>
                        <option value="2">资讯</option>
                    </select>
                </span>
                <input class="search-text" type="text" name="search-text" value="" placeholder="">
                <input class="search-btn" type="submit" name="serach-button" value="">
            </div>
        </div>
    </div> <!-- end header -->
    <div class="banner">
        <div class="banner_visual">
            <div class="banner_image">
                <ul>
                    <li><span style="background:url(word/banner01.jpg) center top no-repeat " ></span></li>
                    <li><span style="background:url(word/banner01.jpg) center top no-repeat " ></span></li>
                    <li><span style="background:url(word/banner01.jpg) center top no-repeat " ></span></li>
                    <li><span style="background:url(word/banner01.jpg) center top no-repeat" ></span></li>
                </ul>
                <a href="javascript:;" id="btn_prev"></a>
                <a href="javascript:;" id="btn_next"></a>
            </div>
        </div><!--banner_visual end-->
        <div class="banner-box">
            <div class="banner-login">
                <h2 class="tit3">龙国贸易商城</h2>
                <input type="text" name="username" class="username" value="" placeholder="用户名">
                <input type="password" name="userpwd" class="userpwd" value="" placeholder="密码">
                <a class="login" href="" title="登录">登录</a>
                <a class="register" href="" title="注册">注册</a>
                <p class="help">
                    <a href="" title="忘记密码？">忘记密码？</a>
                    <a href="" class="guide" title="新手指南"><em></em>新手指南</a>
                </p>
            </div>
            <div class="banner-nav">
                <ul>
                    <li>苯酐<span>供应数量<em>60,000</em>吨</span>
                        <div class="upglide-nav">
                            <p class="line"><a href="">防城港</a><a href="">钦州港</a><a href="">广州港</a></p>
                            <p><a href="">华南地区</a><a href="">华东地区</a><a href="">进口</a></p>
                        </div>
                    </li>
                    <li class="nav-border">POP<span>供应数量<em>750,000</em>吨</span>
                        <div class="upglide-nav">
                            <p class="line"><a href="">防城港</a><a href="">钦州港</a><a href="">广州港</a></p>
                            <p><a href="">华南地区</a><a href="">华东地区</a><a href="">进口</a></p>
                        </div>
                    </li>
                    <li>PVC<span>供应数量<em>923,080</em>吨</span>
                        <div class="upglide-nav">
                            <p class="line"><a href="">防城港</a><a href="">钦州港</a><a href="">广州港</a></p>
                            <p><a href="">华南地区</a><a href="">华东地区</a><a href="">进口</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div> <!-- end  banner -->
    <div class="mian clearfix">
        <div class="mian-left u-flo-l">
            <div class="column-supply">
                <h2 class="tit1"><img src="images/icon-supply.png" height="30" width="30" alt="">推荐供应</h2>
                <ul>
                    <li class="su-tit">
                        <span class="su1">产品编号</span>
                        <span class="su2">等级</span>
                        <span class="su3">交货地点</span>
                        <span class="su4">价格</span>
                        <span class="su5">交货时间</span>
                        <span class="su6">操作</span>
                    </li>
                    <li class="su-list">
                        <span class="su1">CP2015052112</span>
                        <span class="su2">一等品</span>
                        <span class="su3">万寨港</span>
                        <span class="su4">450/t</span>
                        <span class="su5">2015-5-30~2015-6-23</span>
                        <span class="su6"><a href="" title="">购买</a></span>
                    </li>
                    <li class="su-list">
                        <span class="su1">CP2015052112</span>
                        <span class="su2">一等品</span>
                        <span class="su3">万寨港</span>
                        <span class="su4">450/t</span>
                        <span class="su5">2015-5-30~2015-6-23</span>
                        <span class="su6"><a href="" title="">购买</a></span>
                    </li>
                    <li class="su-list">
                        <span class="su1">CP2015052112</span>
                        <span class="su2">一等品</span>
                        <span class="su3">万寨港</span>
                        <span class="su4">450/t</span>
                        <span class="su5">2015-5-30~2015-6-23</span>
                        <span class="su6"><a href="" title="">购买</a></span>
                    </li>
                    <li class="su-list">
                        <span class="su1">CP2015052112</span>
                        <span class="su2">一等品</span>
                        <span class="su3">万寨港</span>
                        <span class="su4">450/t</span>
                        <span class="su5">2015-5-30~2015-6-23</span>
                        <span class="su6"><a href="" title="">购买</a></span>
                    </li>
                    <li class="su-list">
                        <span class="su1">CP2015052112</span>
                        <span class="su2">一等品</span>
                        <span class="su3">万寨港</span>
                        <span class="su4">450/t</span>
                        <span class="su5">2015-5-30~2015-6-23</span>
                        <span class="su6"><a href="" title="">购买</a></span>
                    </li>
                </ul>
            </div>
            <div class="column-thechart">
                <div class="tab-tit">
                    <h2 class="tit1 u-flo-l"><img src="images/icon-thechart.png" height="30" width="30" alt="">行业走势资讯</h2>
                    <div class="tab u-flo-r" id="tab">
                        <a class="pass" href="javascript:void(0)" title="华东地区">华东地区</a>
                        <a href="javascript:void(0)" title="华南地区">华南地区</a>
                        <a href="javascript:void(0)" title="进口">进口</a>
                    </div>
                </div>
                <div class="thechart clearfix">
                    <div class="thechart-l u-flo-l">
                        <div id="chart01" style="width:530px;height:214px"></div>
                    </div>
                    <div class="thechart-r u-flo-r">
                        <ul>
                            <li>
                                <h3><a href="" title="">渤海DPC价格近月上涨</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                            <li>
                                <h3><a href="" title="">欧佩克转向市场份额警惕美元飙升</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="thechart hide clearfix">
                    <div class="thechart-l u-flo-l">
                        <div id="chart02" style="width:530px;height:214px"></div>
                    </div>
                    <div class="thechart-r u-flo-r">
                        <ul>
                            <li>
                                <h3><a href="" title="">渤海DPC价格近月上涨</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                            <li>
                                <h3><a href="" title="">欧佩克转向市场份额警惕美元飙升</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="thechart hide clearfix">
                    <div class="thechart-l u-flo-l">
                        <div id="chart03" style="width:530px;height:214px"></div>
                    </div>
                    <div class="thechart-r u-flo-r">
                        <ul>
                            <li>
                                <h3><a href="" title="">渤海DPC价格近月上涨</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                            <li>
                                <h3><a href="" title="">欧佩克转向市场份额警惕美元飙升</a></h3>
                                <p>由于中东地区战事吃紧，导致石油原油料价格大幅度上涨，据观察在未来的半年内聚乙烯的价格将明显上涨。</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="mian-right u-flo-r">
            <div class="orderflow">
                <h2 class="tit2">
                    <a href="" title="委托买卖"><img src="images/icon-orderflow.png" height="30" width="30" alt="">委托买卖<em></em></a>
                </h2>
            </div>
            <div class="bidhistory" >
                <h2 class="tit1">成交记录</h2>
                <div class="bid-tit">
                    <span>产品</span>
                    <span>数量</span>
                    <span>交货地</span>
                    <span>时间</span>
                </div>
                <div class="bid-scroll" id="bid-scroll">
                    <ul>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                        <li>
                            <span>苯酐</span>
                            <span>1000T</span>
                            <span>广州</span>
                            <span>6-20</span>
                        </li>
                    </ul>
                </div>
            </div> <!-- end bidhistory -->
            <div class="vol-collect">
                <h2 class="tit1">买卖成交汇总</h2>
                <p>成交数量：<em>233,234</em>单</p>
                <p>成交金额：<em>723,233,234</em>元</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-box clearfix">
            <div class="footer-l u-flo-l">
                <img src="images/icon-food-logo.jpg" height="117" width="134" alt="">
                <p>广东龙国贸易股份有限公司是一家化工原料采购贸易公司，依据市场的数据分析判断未来的化工原料价格的走势……</p>
            </div>
            <div class="footer-r u-flo-r">
                <ul>
                    <li>
                        <h2 class="tit3">新手上路</h2>
                        <a href="">新手指南</a>
                        <a href="">个人中心</a>
                        <a href="">委托买吗</a>
                    </li>
                    <li>
                        <h2 class="tit3">关于买卖</h2>
                        <a href="">如何卖</a>
                        <a href="">如何买</a>
                        <a href="">如何付款</a>
                    </li>
                    <li>
                        <h2 class="tit3">行业动态</h2>
                        <a href="">华北地区</a>
                        <a href="">华南地区</a>
                        <a href="">进口市场</a>
                    </li>
                    <li>
                        <h2 class="tit3">关于我们</h2>
                        <a href="">最新动态</a>
                        <a href="">公司介绍</a>
                        <a href="">团队介绍</a>
                        <a href="">核心价值</a>
                    </li>
                </ul>
                <div class="footer-weixin u-flo-l">
                    <img src="word/wx-QR-code.jpg" height="92" width="92" alt="微信二维码">
                    <div class="weixin-text">
                        <h2 class="tit3">微信公众号</h2>
                        <p>微信公众号是开发者或商家在微信公众平台上申请的应用账号,该帐号与QQ账号互通,通过公众号,商家可在微信平台上实现和特定群体的文字……</p>
                    </div>
                </div>
                <div class="footer-app u-flo-l">
                    <img src="word/app-QR-code.jpg" height="92" width="92" alt="app下载">
                    <div class="weixin-text">
                        <h2 class="tit3">APP下载</h2>
                        <p>随着智能手机和iPad等移动终端设备的普及，人们逐渐习惯了使用应用客户端上网的方式，而目前国内各大电商，均拥有了自己的应用客户……</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyrigth clearfix">
            <div class="footer-box">
                <p class="cr-l u-flo-l">
                    版权所有 © 广东龙国股份有限公司 未经许可不得复制、转载或摘编，违者必究!
                    <br>
                    Copyright © LONG GUO COMPANY OF CHINA ，LTD. All Rights Reserved
                </p>
                <p class="cr-r u-flo-r">备案ICP许可证号 粤ICP备00000000号</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/marquee.js" type="text/javascript"></script>
<script src="js/echarts-all.js" type="text/javascript"></script>
<script src="js/echarts.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
<script type="text/javascript" src="js/mian.js"></script>
</html>